<template>
  <div>
    <!-- 轮播图 -->
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in imgs" :key="item.img">
        <img :src="item.img" alt="">
      </mt-swipe-item>
    </mt-swipe>

    <!-- 导航栏 -->
    <div class="mui-content">
      <ul class="mui-table-view mui-grid-view mui-grid-9">
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
          <span class="mui-icon mui-icon-home"></span>
          <div class="mui-media-body">新闻</div></router-link></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
          <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
          <div class="mui-media-body">Email</div></router-link></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
          <span class="mui-icon mui-icon-chatbubble"></span>
          <div class="mui-media-body">Chat</div></router-link></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
          <span class="mui-icon mui-icon-location"></span>
          <div class="mui-media-body">location</div></router-link></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
          <span class="mui-icon mui-icon-search"></span>
          <div class="mui-media-body">Search</div></router-link></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
          <span class="mui-icon mui-icon-phone"></span>
          <div class="mui-media-body">Phone</div></router-link></li>
      </ul> 
		</div>
  </div>
  
</template>

<script>
import axios from 'axios'
import {Toast} from 'mint-ui'
// import _getlunbo from '../api/index.js'
export default {
  data() {
    return {
      imgs: []
    }
  },
  created() {
    this.getImages()
  },
  methods: {
    getImages() {
      axios.get('http://www.lovegf.cn:8899/api/getlunbo').then(res => {
        if(res.data.status === 0) {
          this.imgs = res.data.message;
          Toast('res.data.message')
        }else {
          Toast(res.data.message)
        }
      })
      // getlunbo().then(res => {
      //   if(res.data.status === 0) {
      //     this.imgs = res.data.message;
      //     Toast('res.data.message')
      //   }else {
      //     Toast(res.data.message)
      //   }
      // })
    }
  }
}
</script>

<style lang="less" scoped>
  .mint-swipe {
    height: 200px;
    .mint-swipe-item {
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  .mui-grid-view {
    background-color: #fff;
    border: 0;
  }
  .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    border: 0;
  }
</style>


